<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' http://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'"
    />
    <meta charset="UTF-8">
    <title>主页</title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <script src="javascript/jquery-3.3.1.min.js"></script>
    <script src="javascript/donghua.js"></script>
</head>

<body>
    <div >
        <img id="close_suggest_item" >
    <div class="sidebar" id="drawer">
        <form action="">
            <input type="search" value="" class="mark_url" id="mark-url"placeholder="请输入网址"/>
            <br><br>
            <input type="button" class="button_drawer" id="close" value="确认"/>
        </form>
        <br>
        <div class="img_item">
            <ul id="img_list">
                <li>
                    <div class="item1">
                        <img src="icon/120ask.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/163.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/1688.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/360doc.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/36kr.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/36kr.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/500px.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/56.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/58.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/autohome.com.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/baidu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/baozoumanhua.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/behance.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/bilibili.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/caixin.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/cartoon.uc.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/cnn.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/coolapk.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ctrip.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/dgtle.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/dgtle.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/dianping.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/douban.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/douban.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/dribbble.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/engadget.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/engadget.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/enjoy.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/facebook.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ftchinese.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ganji.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/google.ru.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/happyjuzi.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/home_nav_discover.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/home_nav_privacy.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/home_nav_ss.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/huajiao.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/hupu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/huxiu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/huxiu.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/idaxiang.org.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ifanr.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ifanr.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ifeng.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/instagram.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/iqiyi.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/jd.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/jianshu.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/kaiyanapp.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ku6.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/le.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/lofter.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/mafengwo.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/mail.ru.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/meipai.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/miniature-calendar.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/moko.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/mozilla.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/neihanshe.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/neihanshequ.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/news.uc.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/o2bra.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/ok.ru.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/one.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/open163.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/pingwest.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/pingwest.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qdaily.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qidian.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qingmang.me.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qingmang.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qiushibaike.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/qq.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/shimo.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/sina.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/smzdm.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/sogou.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/sohu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/sspai.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/sspai.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/taobao.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/taopiaopiao.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/techweb.com.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/thefwa.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/thepaper.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/tianya.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/tieba.baidu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/tmall.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/tmtpost.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/tudou.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/twitter.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/uisdc.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/v2ex.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/vip.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/vk.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/vogue.com.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/wandoujia.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/weibo.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/weitoutiao.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/weixin.qq.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/wufazhuce.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/www.vmovier.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/xiachufang.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/xiachufang.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/xiaohongshu.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/xmlyfm.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/yandex.ru.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/yhd.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/youku.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/youtube.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zcool.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zealer.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zealer.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zhihu.com.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zhihu.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zol.com.cn.png" />
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <img src="icon/zybang.com.png" />
                    </div>
                </li>



            </ul>
        </div>
    </div>
   <div id="drawer_click">


   </div>

    <div class="search_div" id="search_DIV">
        <br>
        <form id="search_form" action="javascript:search()" class="search_bar">
            <span>
                <div class="si">
                    <input class="search" type="search" value="" autocomplete="off" id="search_input" placeholder="✎...">
                </div>
            </span>
            <div id="suggest" style="display:none">
                <ul id="suglist"></ul>
                <div class="close" id="sug_close">| 收起</div>
            </div>
        </form>
    </div>
    <div class="item_container" id="container">
        <div>
            <ul id="table_item">

                <li>
                    <div class="item" id="button_item">
                        <img src="icon/add.png" />
                    </div>
                </li>

            </ul>
        </div>
        <script src="javascript/main.js"></script>
        <!--integrity="sha256-d8zdQN23KzwqYJjGXOzXW5Ybh3pq6lrebwMECCznLVs="-->
    </div>
</body>

</html>